<template>
  <view class="custom-corner-box" style="position: fixed; bottom: 0; left: 0;">
    <view class="box-content">
      <slot></slot>
    </view>
  </view>
</template>

<script setup>
</script>

<style scoped>
.custom-corner-box {
  width: 750rpx;
  height: 80rpx;
  background-color: #f6f6f6; /* 灰色 */
  border-radius: 16rpx;
  position: relative;
  overflow: hidden;
}

.box-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  padding: 0 16rpx;
  box-sizing: border-box;
}

.dot {
  width: 12rpx;
  height: 12rpx;
  background-color: #f6f6f6; /* 深蓝色点缀 */
  border-radius: 50%;
  position: absolute;
}
</style>